<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>


        //可以通过事件回调函数的第一个参数来获取事件对象event，属性含义：
        // target：事件的目标元素，即事件源
        // type：事件类型
        // timeStamp：事件生成的日期和时间
        // clientX：事件被触发时，鼠标指针的水平坐标
        // clientY：事件被触发时，鼠标指针的垂直坐标


        window.onload = function () {
            var obj = document.getElementById('d1');
            obj.onclick = function (e) { //事件触发时会自动为回调函数传入一个参数，表示event事件对象
                console.log(1);
                console.log(e);
                console.log(e.target);
                console.log(e.clientX);

                //在事件回调函数中，this表示事件源，即发生时事件的元素
                console.log(this);

            }

        }

    </script>
    <script>
        function f1(e) {
            console.log(e);

        }
    </script>

</head>

<body>
    <button id="d1">按钮1</button>
    <button onclick="f1(event)">按钮2</button> <!--静态绑定事件时，需要在绑定事件回调函数时接收事件对象参数<event-->
                 <!--此处需要接收event-->   
</body>

</html>